
<fieldset id="consultaNivel">
	<legend>Consulta de Níveis</legend>

	<div id="grupoConsulta">
			
		<label for="nomeNivel">Nome</label>
		<input type="text" id="nomeNivel" class="input-large" name="nome"></input>

		<div id="botoes" style="padding-top: 15px;">
        	<button id="consultarButton" class="btn btn-large">Consultar</button>
    	</div>

	</div>

	<hr/>

	<div id="resultados">
	</div>


</fieldset>

<script type="text/javascript">
	$(document).ready(function(){
		
		$('#consultarButton').click(function(){
			modal.carregando();
			var data = form.serialize("consultaNivel");
			$.ajax({
				url:  '<?= base_url(); ?>nivel/consultar',
				data: data,
				type: 'GET',
				success: function(result){ 
					modal.encerrar();
					$('#resultados').html(result);
				},
				error: function(result){
					modal.message(result);
				}
			})
		});

	});
</script>